<template>
	<!-- 头像 -->
	<image :src="src ? src : '/static/images/userpic.png'" :style="getStyle" :class="type" mode="widthFix" @click="clickEvent"></image>
</template>

<script>
	export default{
		props:{
			size:{
				type:[String, Number],
				default:90
			},
			src:{
				type: String,
				default: ""
			},
			type:{
				type: String,
				default: "rounded"
			},
			clickType:{
				type: String,
				default: "none"
			}
		},
		methods:{
			clickEvent(){
				switch(this.clickType){
					case 'navigate':
						uni.navigateTo({
							url: '/pages/mail/user-base/user-base'
						})
						break;
					case 'false': 
						break;
					default:
						this.$emit('click')
						break;
				}
			}
		},
		computed:{
			getStyle(){
				return `width: ${this.size}rpx; height: ${this.size}rpx;`
			}
		}
	}
</script>

<style>
</style>